/*
    This CSS only styled the search results section, not the search input
    It defines the basic interraction to hide content when displaying results, etc
*/
  #book-search-input {
    background: inherit;
  }
  #book-search-results .search-results {
    display: none;
  }
  #book-search-results .search-results ul.search-results-list {
    list-style-type: none;
    padding-left: 0;
  }
  #book-search-results .search-results ul.search-results-list li {
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    /* Highlight results */
  }
  #book-search-results .search-results ul.search-results-list li p em {
    background-color: rgba(255, 220, 0, 0.4);
    font-style: normal;
  }
  #book-search-results .search-results .no-results {
    display: none;
  }
  #book-search-results.open .search-results {
    display: block;
  }
  #book-search-results.open .search-noresults {
    display: none;
  }
  #book-search-results.no-results .search-results .has-results {
    display: none;
  }
  #book-search-results.no-results .search-results .no-results {
    display: block;
  }
  #book-search-results span.search-highlight-keyword {
    background: #ff0;
  }
